<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>circle9</title>
<script src="js/vue.min.js"></script>
</head>
<body>
<div id="app">
  <ul>
    <li v-for="(value,key,index) in object">
      <p v-if="typeof value !='object'">{{value}}....{{ index }}</p>
      <p v-else>{{key}}....{{index}}</p>
      <ul v-if="typeof value == 'object'">
        <li v-for="(value, key, index) in value">
          {{key}}:{{value}}....{{ index }}
        </li>
      </ul>
    </li>
  </ul>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    object: {
      name: 'lz',
      url: 'http://www.baidu.com',
      slogan: 'lz',
      obj2:{y:"l",z:"z"}
    }
  }
})
</script>
</body>
</html>